<template>
  <el-header>
    <div class="header-title">
      <i v-if="backShow" class="fa fa-chevron-circle-left back" @click="backClick()"></i>
      <span class="title">{{title}}</span>
      <span v-if="backShow" class="title">/{{customTitle}}</span>
    </div>
  </el-header>
</template>

<script>
export default {
  name: "header-title",
  props: ["title","customTitle","backShow"],
  methods: {
    backClick() {
      this.$emit("backClick");
    }
  }
};
</script>

<style lang='scss' scoped>
.el-header {
  height: 45px;
  padding-left: 20px;
  background-color: #fff;
  border-top: 2px solid #c6c6c6;
  color: #409EFF;
  text-align: left;
  line-height: 45px;
  width: 100%;
  .header-title{
    .back{
      font-size:18px;
      color:#666;
      margin-right: 10px;
      line-height: 45px;
      cursor: pointer;
    }
    // .title{
    //   border-bottom: 2px solid #409EFF;
    //   line-height: 45px;
    // }
  }
}
</style>